<!DOCTYPE html>
<html>
<head>
	<title>clear</title>
</head>
<style type="text/css">
	*{
		margin: 0px;
		padding: 0px;
	}
	body{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}
	div{
		width: 200px;
		height: 100px;
		border: 2px solid blue;
		/*命令指的是元素内部*/
		float: left;
	}
	.d1{
		clear: both;
	}
</style>
<body>
	<p>有时使用了css float浮动会产生css浮动，这个时候就需要清理清除浮动，我们就用clear样式属性即可实现。</p>
	<p>clear : none | left|right| both</p>
	<p>none : 　允许两边都可以有浮动对象<br>
		both : 　不允许有浮动对象<br>
		left : 　不允许左边有浮动对象<br>
		right : 　不允许右边有浮动对象</p>




	<div></div>
	<div></div>
	<div class="d1"></div>
	<div></div>
	<div></div>
	<div class="d1"></div>


</body>
</html>